<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢卖</title>
    <!--引包先引入第三方的包-->
    <link rel="stylesheet" type="" href="./lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!--header  start-->
    <header id="header">
        <a href="javascript:;">
            <img src="./images/header_logo.png" alt="">
        </a>
        <a href="javascript:;">
            <img src="./images/header_app.png" alt="">
        </a>
    </header>
    <!--header  end-->

    <!--search  start-->
    <aside id="search">
        <input type="seaarch" name="" placeholder="请输入你想比价的商品">
        <input type="button" value="搜索">
    </aside>
    <!--search  end-->

    <!--menu  start-->
    <aside id="menu">
        <div class="row">
            <!--<div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    
                </a>
                <p>比价搜索</p>
            </div>
            <div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </div>
            <div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </div>
            <div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </div>
            <div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </div>
            <div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </div>
            <div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </div>
            <div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </div>
            <div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </div>
            <div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </div>
            <div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </div>
            <div class="col-xs-3">
                <a href="javascript:;">
                    <img src="./images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </div>-->
        </div>
    </aside>
    <!--menu  end-->

    <!--agin  start-->
    <div id="agin">
        <div class="agin-title">
            <span>超值折扣推荐</span>
            <a href="javascript:;">&gt;</a>
        </div>
        <div class="agin-content">
            <!--<div class="media">
                <div class="media-left">
                    <a href="#">
                        <img class="media-object" src="http://cacheimg.manmanbuy.com/r_img/cacheimg.aspx?width=600&imgurl=http://a.manmanbuy.com:8013/cuxiaoPic/201610/201610001412282758.jpg" alt="...">
                    </a>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">移动端凑单品 : 海天 海鲜 牛抽 1.28L <span>10.9元</span></h4>
                    <div class="bottom">
                        <span>京东商城 | 10-25 14:10</span>
                        <span>已有1人评价</span>
                    </div>
                </div>
            </div>
            <div class="media">
                <div class="media-left">
                    <a href="#">
                        <img class="media-object" src="http://cacheimg.manmanbuy.com/r_img/cacheimg.aspx?width=600&imgurl=http://a.manmanbuy.com:8013/cuxiaoPic/201610/201610001412282758.jpg" alt="...">
                    </a>
                </div>
                <div class="media-body">
                    <h4 class="media-heading">移动端凑单品 : 海天 海鲜 牛抽 1.28L <span>10.9元</span></h4>
                    <div class="bottom">
                        <span>京东商城 | 10-25 14:10</span>
                        <span>已有1人评价</span>
                    </div>
                </div>
            </div>-->
        </div>
        <div class="agin-footer">
            <a href="javascript:;">更多优惠信息 &gt;&gt;</a>
        </div>
    </div>
    <!--agin  end-->

    <!--brand  start-->
    <div id="brand">
        <div class="brand-title">
            <span>品牌排行</span>
            <a href="javascript:;">&gt;</a>
        </div>
    </div>
    <!--brand  end-->


    <!--footer  start-->
    <footer id="footer">
        <div class="top">
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <!--可以在js中写  window.scroolTo(0,0)  在这里写必须把#header写在href里面-->
            <a href="#header"><span class="glyphicon glyphicon-arrow-up"></span>返回顶部</a>
        </div>
        <div class="bottom">
            <p>
                <a href="javascript:;">手机app下载</a> 慢慢买手机版--掌上比价平台
            </p>
            <p>m.manmanbuy.com</p>
        </div>
    </footer>
    <!--footer  end-->
</body>
<script src="./lib/zepo/zepto.js"></script>
<script src="./js/template.js"></script>
<script src="./js/index.js"></script>

<!--创建菜单的模板-->
<script type="text/html" id="menu-list">
    {{each result as value index}}
    <div class="col-xs-3">
        <a href="{{value.titlehref}}">
            {{#value.img}}          
        </a>
        <p>{{value.name}}</p>
    </div>
    {{/each}}
</script>

<!--创建折扣的模板-->
<!--这里的index可以不写  result是后台传过来的对象里面的一个属性-->
<!--value代表数组里的每一项 因为后台传过来的数组里的每一项是对象 所以是 index.属性名-->
<script type="text/html" id="aginList">
    {{each result as value index}}
    <div class="media">
        <div class="media-left">
            <a href="javascript:;">
                {{#value.productImg2}}
            </a>
        </div>
        <div class="media-body">
            <h4 class="media-heading">{{value.productName}} <span> {{value.productPinkage}}</span></h4>
            <div class="bottom">
                <span>{{value.productFrom}} | {{value.productTime}}</span>
                <span>{{value.productComCount}}</span>
            </div>
        </div>
    </div>
    {{/each}}
</script>

</html>